﻿*{
   cursor:pointer;
   margin:0;
   padding:0;
   box-sizing:border-box;
}
html, body, #pptFile, #svgUrl, #svgUrl svg {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
    #svgUrl svg {
        /*width: auto;
        height: auto;*/
        display: block;
        margin: 0 auto;
    }
    .ctrl_bar {
        position: fixed;
        top: 20px;
        left: 20px;
    }
.ctrl_bar img{
    display:inline-block;
    width:40px;
    height:40px;
    margin:0 3px;
}
#pptFile{
    position:relative;
}
#RemarkDiv {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 200px;
    animation: move linear 0.7s;
    background: #eee;
    display: none;
    padding:15px;
    overflow:auto;
}
@keyframes move {
    from{
        height:0px;
    }
    to{
        height:200px;
    }
}
#NavList {
    display: none;
    overflow: auto;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background:#eee;
}
#NavList ul li{
    display:inline-block;
    text-align:center;
}
    #NavList ul li img {
        display: inline-block;
        width:200px;
        height:150px;
        margin:15px;
    }